<!DOCTYPE html>
<!-- saved from url=(0031)/about.html -->
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Puppy Care - Animals & Pets Category Bootstrap Responsive Web Template - About Us : W3Layouts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="生生不息是专注于宠物食品研发与销售的品牌。公司以推广宠物健康饮食为己任，以前沿宠物营养学观念为核心，使用最符合宠物健康需求的工艺，研发生产销售最迎合宠物健康需求的主粮与零食。">
    <link rel="shortcut icon" href="/assets/img/logos/favicon.png">
    <link href="./assets/css/product_css/custom.css" rel="stylesheet" type="text/css" media="all">
    <link href="./assets/css/product_css/loader-pulse.css" rel="stylesheet" type="text/css" media="all">
    <link href="./assets/css/product_css/theme.css" rel="stylesheet" type="text/css" media="all">
    <link href="./assets/css/product_css/css" rel="stylesheet">
    <link
        href="//fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style-starter.css">
    <script src="./assets/js/hm.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?2b273e20a3bd389c270edc071efb3011";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body style="overflow-x: hidden;" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" class="loaded">
    <div class="loader">
        <div class="loading-animation"></div>
    </div>
    <header id="site-header" class="fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="index.html">
                    <!-- <h6 style="color:whitesmoke;" align=center>在线宠物收养网站 </h6> -->
                    <i class="fas fa-dog"></i>好当家

                    <span>宠物研究所</span>

                </a>
                <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarScroll">
                    <ul class="navbar-nav mx-auto my-2 my-lg-0 navbar-nav-scroll">
                        <li class="nav-item">
                            <a class="nav-link" aria-current="page" href="index.html">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="about.html">关于</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="services.html">服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="product.html">产品</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">联系</a>
                        </li>
                        <li class="nav-item">
                            <div class="dropdown">
                                <a aria-expanded="false" aria-haspopup="true"
                                    class="dropdown-toggle nav-link nav-item arrow-bottom" data-toggle="dropdown-grid"
                                    href="/#" role="button">商城</a>
                                <div class="row dropdown-menu">
                                    <div class="col-auto" data-dropdown-content="">
                                        <div class="dropdown-grid-menu"><a target="_blank"
                                                href="https://pet-ever.tmall.com/?spm=a220o.1000855.1997427721.d4918089.6ea860b7uo0AgC"
                                                class="dropdown-item fade-page">天猫旗舰店</a><a target="_blank"
                                                href="https://shop511574138.taobao.com/?spm=a230r.7195193.1997079397.2.365d3e292I7elW"
                                                class="dropdown-item fade-page">淘宝官方店</a><a target="_blank"
                                                href="https://mall.jd.com/index-10808193.html?from=pc"
                                                class="dropdown-item fade-page">京东旗舰店</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <form action="#error" method="GET" class="d-flex search-header">
                        <input class="form-control" type="search" placeholder="输入关键词..." aria-label="Search" required>
                        <button class="btn btn-style" type="submit">Search</button>
                    </form>
                </div>
                <div class="cont-ser-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
            </nav>
        </div>
    </header>
    <!-- 面包屑导航 -->
    <section class="inner-banner py-5">
        <div class="w3l-breadcrumb py-lg-5">
            <div class="container pt-4 pb-sm-4">
                <h4 class="inner-text-title font-weight-bold pt-sm-5 pt-4">产品</h4>
                <ul class="breadcrumbs-custom-path">
                    <li><a href="index.html">首页</a></li>
                    <li class="active"><i class="fas fa-angle-right mx-2"></i>产品</li>
                </ul>
            </div>
        </div>
        <div class="shape">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 280">
                <path fill-opacity="1">
                    <animate attributeName="d" dur="20000ms" repeatCount="indefinite"
                        values="M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z; M0,160L48,181.3C96,203,192,245,288,234.7C384,224,480,160,576,133.3C672,107,768,117,864,138.7C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;												 M0,64L48,74.7C96,85,192,107,288,133.3C384,160,480,192,576,170.7C672,149,768,75,864,80C960,85,1056,171,1152,181.3C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;
                                                 M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;" />

                </path>
            </svg>
        </div>
    </section>

    <section class="o-hidden">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 mb-5 mb-xl-0 aos-init aos-animate" data-aos="fade-right">
                    <ul class="nav nav-pills justify-content-center flex-xl-column pr-xl-5" role="tablist">
                        <li class="nav-item">
                            <a class="btn btn-primary active w-100" id="tab-1" data-toggle="tab" href="#ppgs" role="tab"
                                aria-controls="tab-1" aria-selected="true" style="border-radius: 8px;">
                                <div class="d-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                        width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
                                        class="injected-svg icon bg-primary"
                                        data-src="/assets/img/icons/theme/design/layers.svg">
                                        <title>Icon For Layers</title>
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <polygon opacity="0" points="0 0 24 0 24 24 0 24"></polygon>
                                            <path
                                                d="M12.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z"
                                                fill="#000000" fill-rule="nonzero"></path>
                                            <path
                                                d="M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z"
                                                fill="#000000" opacity="0.3"></path>
                                        </g>
                                    </svg>
                                    <span>品牌故事</span>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="btn btn-primary w-100" id="tab-2" data-toggle="tab" href="#gsjj" role="tab"
                                aria-controls="tab-2" aria-selected="false" style="border-radius: 8px;">
                                <div class="d-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                        width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
                                        class="injected-svg icon bg-primary"
                                        data-src="/assets/img/icons/theme/devices/display-1.svg">
                                        <title>Icon For Display#1</title>
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
                                            <path
                                                d="M11,20 L11,17 C11,16.4477153 11.4477153,16 12,16 C12.5522847,16 13,16.4477153 13,17 L13,20 L15.5,20 C15.7761424,20 16,20.2238576 16,20.5 C16,20.7761424 15.7761424,21 15.5,21 L8.5,21 C8.22385763,21 8,20.7761424 8,20.5 C8,20.2238576 8.22385763,20 8.5,20 L11,20 Z"
                                                fill="#000000" opacity="0.3"></path>
                                            <path
                                                d="M3,5 L21,5 C21.5522847,5 22,5.44771525 22,6 L22,16 C22,16.5522847 21.5522847,17 21,17 L3,17 C2.44771525,17 2,16.5522847 2,16 L2,6 C2,5.44771525 2.44771525,5 3,5 Z M4.5,8 C4.22385763,8 4,8.22385763 4,8.5 C4,8.77614237 4.22385763,9 4.5,9 L13.5,9 C13.7761424,9 14,8.77614237 14,8.5 C14,8.22385763 13.7761424,8 13.5,8 L4.5,8 Z M4.5,10 C4.22385763,10 4,10.2238576 4,10.5 C4,10.7761424 4.22385763,11 4.5,11 L7.5,11 C7.77614237,11 8,10.7761424 8,10.5 C8,10.2238576 7.77614237,10 7.5,10 L4.5,10 Z"
                                                fill="#000000"></path>
                                        </g>
                                    </svg>
                                    <span>公司简介</span>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="btn btn-primary w-100" id="tab-3" data-toggle="tab" href="#ppln" role="tab"
                                aria-controls="tab-3" aria-selected="false" style="border-radius: 8px;">
                                <div class="d-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                        width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
                                        class="injected-svg icon bg-primary"
                                        data-src="/assets/img/icons/theme/general/star.svg">
                                        <title>Icon For Star</title>
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
                                            <path
                                                d="M12,18 L7.91561963,20.1472858 C7.42677504,20.4042866 6.82214789,20.2163401 6.56514708,19.7274955 C6.46280801,19.5328351 6.42749334,19.309867 6.46467018,19.0931094 L7.24471742,14.545085 L3.94038429,11.3241562 C3.54490071,10.938655 3.5368084,10.3055417 3.92230962,9.91005817 C4.07581822,9.75257453 4.27696063,9.65008735 4.49459766,9.61846284 L9.06107374,8.95491503 L11.1032639,4.81698575 C11.3476862,4.32173209 11.9473121,4.11839309 12.4425657,4.36281539 C12.6397783,4.46014562 12.7994058,4.61977315 12.8967361,4.81698575 L14.9389263,8.95491503 L19.5054023,9.61846284 C20.0519472,9.69788046 20.4306287,10.2053233 20.351211,10.7518682 C20.3195865,10.9695052 20.2170993,11.1706476 20.0596157,11.3241562 L16.7552826,14.545085 L17.5353298,19.0931094 C17.6286908,19.6374458 17.263103,20.1544017 16.7187666,20.2477627 C16.5020089,20.2849396 16.2790408,20.2496249 16.0843804,20.1472858 L12,18 Z"
                                                fill="#000000"></path>
                                        </g>
                                    </svg>
                                    <span>品牌理念</span>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="btn btn-primary w-100" id="tab-4" data-toggle="tab" href="#wmdsl" role="tab"
                                aria-controls="tab-4" aria-selected="false" style="border-radius: 8px;">
                                <div class="d-flex align-items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                        width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
                                        class="injected-svg icon bg-primary"
                                        data-src="/assets/img/icons/theme/general/like.svg">
                                        <title>Icon For Like</title>
                                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                            <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
                                            <path
                                                d="M9,10 L9,19 L10.1525987,19.3841996 C11.3761964,19.7920655 12.6575468,20 13.9473319,20 L17.5405883,20 C18.9706314,20 20.2018758,18.990621 20.4823303,17.5883484 L21.231529,13.8423552 C21.5564648,12.217676 20.5028146,10.6372006 18.8781353,10.3122648 C18.6189212,10.260422 18.353992,10.2430672 18.0902299,10.2606513 L14.5,10.5 L14.8641964,6.49383981 C14.9326895,5.74041495 14.3774427,5.07411874 13.6240179,5.00562558 C13.5827848,5.00187712 13.5414031,5 13.5,5 L13.5,5 C12.5694044,5 11.7070439,5.48826024 11.2282564,6.28623939 L9,10 Z"
                                                fill="#000000"></path>
                                            <rect fill="#000000" opacity="0.3" x="2" y="9" width="5" height="11" rx="1">
                                            </rect>
                                        </g>
                                    </svg>
                                    <span>我们的实力</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col aos-init aos-animate" data-aos="fade-left" data-aos-delay="250">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="ppgs" role="tabpanel" aria-labelledby="tab-1">
                            <div class="row justify-content-around align-items-center">
                                <div class="col-sm col-xl-0 mt-4 mt-sm-0">
                                    <img src="./assets/images/about_img/c-cpys.png" style="max-width: 100%;margin-bottom:50px">
                                    <h5>品牌故事</h5>
                                    <p style="line-height: 2rem;font-weight: 400;">
                                        “<mark>如果我能实现一个愿望，那我希望你们能快乐健康，能陪我更久一些。</mark>”<br>
                                        如果一个饲主，不想选择高温烘焙粮，没有条件自制，那他可以选择什么？

                                        <br> 主食冻干开始进入人们视线，升华干燥法最大程度保留食物营养，广泛应用于人类食品。其工艺被称为“

                                        <mark>冻干</mark>”。 而市面上的冻干大多为零食冻干，不可作为主食，能买到的主食冻干，也大多为进口产品，价格偏贵，货源稀少。<br>
                                        我们想做一款主食冻干，扛起国货头衔，不怕偏见质疑，正如我们的品牌吉祥物传达的理念一般，头上的尖角象征着冲破一切的勇气；垂下的耳朵倾听我们的初心，立着的耳朵时刻关注着爱宠和饲主的声音。

                                        <br> 于是……

                                        <br> 选用优质肉源，进行科学配比，合作顶尖工厂，搭建强大团队……带着对毛孩子的爱，用实力让情怀落地，用品质让国货回潮。

                                        <br> 劫劫长存，生生不息，宁极深根秋又春，不管碧瓦朱甍还是时移世异， 生生不息都会坚守初心，一切为了它们而生。<br>

                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="gsjj" role="tabpanel" aria-labelledby="tab-2">
                            <div class="row justify-content-around align-items-center">
                                <div class="col-sm col-xl-0 mt-4 mt-sm-0">
                                    <img src="./assets/images/about_img/c-cpys.png" style="max-width: 100%;margin-bottom:50px">
                                    <h5>公司简介</h5>
                                    <p style="line-height: 2rem;font-weight: 400;">
                                        生生不息是专注于宠物食品研发与销售的品牌。公司以推广宠物健康饮食为己任，以前沿宠物营养学观念为核心，使用最符合宠物健康需求的工艺，研发生产销售最迎合宠物健康需求的主粮与零食。
                                    </p><br>
                                    <div style="text-align: center;"><img src="./assets/images/about_img/logo-b.svg"
                                            style="max-width: 250px;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="ppln" role="tabpanel" aria-labelledby="tab-3">
                            <div class="row justify-content-around align-items-center">
                                <div class="col-sm col-xl-0 mt-4 mt-sm-0">
                                    <img src="./assets/images/about_img/c-cpys.png" style="max-width: 100%;margin-bottom:50px">
                                    <h5>品牌理念</h5>
                                    <p style="line-height: 2rem;font-weight: 400;">
                                        19世纪70年代，狗平均寿命是17岁，猫20岁。<br> 而今，宠物犬的平均寿命却不足11岁，猫不足15岁，少了近三分之一！
                                        <br> 十年间，英国宠物狗的糖尿病患病率上升90%；北美宠物狗的肥胖率上升60%；猫的胰腺，泌尿系统患病率上升200%；中老年犬癌症患病率超过50%。
                                        <br> 对此！商品宠粮难辞其咎。
                                        <br> 一位名叫Thomas
                                        Samberg的挪威学者，耗时30年，对将近7000只狗进行研究，揭露了饮食，癌症和寿命之间的关系。局部结果如下图：<br><br>
                                        <img src="./assets/images/about_img/linian.png" style="max-width: 100%;"><br><br>
                                        所有标识为8.5的区域代表着特定犬种的寿命，主要是大丹犬。数据显示其平均寿命只有8岁半，吃的是商品宠物干粮。
                                        <br> 蓝色区域是改变食物后的寿命，几乎延长了三分之一！
                                        <br>
                                        <mark><b>这不是危言耸听</b></mark><br>
                                        近年，随着干粮问题的暴露，国内外出现了自制口粮的家庭。但自制主粮需要丰富的营养学知识支撑，较多饲主遇到了困难。自此，主食冻干在国外高端商品线崭露头角。
                                        <br>
                                        <mark>主食冻干使用低温升华工艺，避免了致癌AGEs的产生、不需要淀粉即可成型、使用高生物价的肉类蛋白、最严格的营养配比，站上了宠物口粮鄙视链的高处。</mark>你可以说服一个喂膨化粮的主人改喂主食冻干，但不可能让一个喂惯主食冻干的饲主喂膨化粮。<br>
                                        <mark>为了小动物们的健康，宠物饲养观念必须推进！</mark>自2016年起，已经有不少的拓荒者，通过撰文、翻译、科普作为火把，把正确的饲养理念介绍给了读者。<br>
                                        我们也希望成为这星星之火的一部分，为这些可爱的小动物们尽力而为。
                                        <br>

                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="wmdsl" role="tabpanel" aria-labelledby="tab-4">
                            <div class="row justify-content-around align-items-center">
                                <div class="col-sm col-xl-0 mt-4 mt-sm-0">
                                    <img src="./assets/images/about_img/c-cpys.png" style="max-width: 100%;margin-bottom:50px">
                                    <h5>我们的实力</h5>
                                    <p style="line-height: 2rem;font-weight: 400;">
                                        我们拥有——多元化信息设备、高能电子辐照灭菌、高效的生产车间、高效率流水作业、规模化的工厂、全程无污染生产、严格的品质监控、专业化仓储物流、专业化科研队伍......
                                    </p><br>
                                    <img src="./assets/images/about_img/a-sl1.png" style="max-width: 100%;"><br><br>
                                    <img src="./assets/images/about_img/a-sl2.png" style="max-width: 100%;"><br><br>
                                    <img src="./assets/images/about_img/a-sl3.png" style="max-width: 100%;"><br><br>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer class="w3l-footer pb-0">
        <div class="shape-footer">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 280">
                <path fill-opacity="1">
                    <animate attributeName="d" dur="20000ms" repeatCount="indefinite"
                        values="M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z; M0,160L48,181.3C96,203,192,245,288,234.7C384,224,480,160,576,133.3C672,107,768,117,864,138.7C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;												 M0,64L48,74.7C96,85,192,107,288,133.3C384,160,480,192,576,170.7C672,149,768,75,864,80C960,85,1056,171,1152,181.3C1248,192,1344,128,1392,96L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;
                                             M0,160L48,181.3C96,203,192,245,288,261.3C384,277,480,267,576,234.7C672,203,768,149,864,117.3C960,85,1056,75,1152,90.7C1248,107,1344,149,1392,170.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z;" />

                </path>
            </svg>
        </div>
        <div class="w3l-footer-16 py-5">
            <div class="container">
                <div class="row footer-p">
                    <div class="col-lg-4 pe-lg-5">
                        <h3>关于我们</h3>
                        <p class="mt-3">我们的Puppycare平台致力于将宠物家长与那些像对待家人一样呵护宠物的护理专家紧密相连。

                            我们深知，您的宠物对您而言不仅仅是宠物，更是家庭中不可或缺的一员。因此，您可以信赖我们，我们将竭尽全力确保您的宠物保持快乐、健康，并永远充满可爱！</p>
                        <div class="columns-2 mt-lg-5 mt-4">
                            <ul class="social">
                                <li><a href="#facebook"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li><a href="#linkedin"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li><a href="#twitter"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li><a href="#google"><i class="fab fa-google-plus-g"></i></a>
                                </li>
                                <li><a href="#github"><i class="fab fa-github"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5 mt-lg-0 mt-5">
                        <div class="row">
                            <div class="col-xl-5 col-6 column">
                                <h3>Quick Link</h3>
                                <ul class="footer-gd-16">
                                    <li><a href="about.html">关于我们</a></li>
                                    <li><a href="#clients">我们的客户</a></li>
                                    <li><a href="services.html">服务</a></li>
                                    <li><a href="#blog">博客文章</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                            <div class="col-6 column">
                                <h3>联系方式</h3>
                                <ul class="footer-contact-list">
                                    <li class="">第五大道10001号，
                                        #海得拉巴32841街区</li>
                                    <li class="mt-2"><a href="tel:+12 23456790">+91 80742 63621</a></li>
                                    <li class="mt-2"><a href="mailto:info@example.com">petcoadopt@gmail.com</a></li>
                                    <li class="mt-2"><a href="mailto:info@example.com">www.homeypetshelter.com</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-7 col-sm-8 column mt-lg-0 mt-4 pl-xl-0">
                        <h3>时事通讯 </h3>
                        <div class="end-column">
                            <form action="#" class="subscribe" method="post">
                                <input type="email" name="email" placeholder="Email Address" required="">
                                <button><span class="fa fa-paper-plane" aria-hidden="true"></span></button>
                            </form>
                            <p class="mt-4">订阅我们的邮件列表，获取您的电子邮件收件箱的更新。</p>
                        </div>
                    </div>
                </div>
                <div class="below-section text-center pt-lg-4 mt-5">
                    <p class="copy-text">&copy; 2023 Puppy Care. All rights reserved. Design by <a
                            href="https://w3layouts.com/" target="_blank"> Petco</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <a href="#top" class="btn btn-primary rounded-circle btn-back-to-top aos-init" data-smooth-scroll=""
        data-aos="fade-up" data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            class="injected-svg icon bg-white" data-src="/assets/img/icons/interface/icon-arrow-up.svg"
            xmlns:xlink="http://www.w3.org/1999/xlink">
            <path d="M5 12L12 5L19 12M12 19V6V19Z" stroke="#2C3038" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round"></path>
        </svg>
    </a>

    <script type="text/javascript" src="./assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/popper.min.js"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.js"></script>

    <script type="text/javascript" src="./assets/js/aos.js"></script>
    <script type="text/javascript" src="./assets/js/clipboard.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.fancybox.min.js"></script>
    <script type="text/javascript" src="./assets/js/flatpickr.min.js"></script>
    <script type="text/javascript" src="./assets/js/flickity.pkgd.min.js"></script>
    <script type="text/javascript" src="./assets/js/ion.rangeSlider.min.js"></script>
    <script type="text/javascript" src="./assets/js/isotope.pkgd.min.js"></script>
    <script type="text/javascript" src="./assets/js/jarallax.min.js"></script>
    <script type="text/javascript" src="./assets/js/jarallax-video.min.js"></script>
    <script type="text/javascript" src="./assets/js/jarallax-element.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.countdown.min.js"></script>
    <script type="text/javascript" src="./assets/js/jquery.smartWizard.min.js"></script>
    <script type="text/javascript" src="./assets/js/plyr.polyfilled.min.js"></script>
    <script type="text/javascript" src="./assets/js/prism.js"></script>
    <script type="text/javascript" src="./assets/js/scrollMonitor.js"></script>
    <script type="text/javascript" src="./assets/js/smooth-scroll.polyfills.min.js"></script>
    <script type="text/javascript" src="./assets/js/svg-injector.umd.production.js"></script>
    <script type="text/javascript" src="./assets/js/twitterFetcher_min.js"></script>
    <script type="text/javascript" src="./assets/js/typed.min.js"></script>
    <script type="text/javascript" src="./assets/js/theme.js"></script>
    <!-- <script src="assets/js/jquery-3.3.1.min.js"></script> -->
    <script src="assets/js/owl.carousel.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/theme-change.js"></script>
    <script>
        // 当页面滚动时触发
        $(window).on("scroll", function () {
            var scroll = $(window).scrollTop(); // 获取当前滚动条的位置
    
            // 如果滚动条位置大于等于80，则给#site-header添加nav-fixed类
            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                // 否则移除nav-fixed类
                $("#site-header").removeClass("nav-fixed");
            }
        });
    
        // 当点击navbar-toggler按钮时触发
        $(".navbar-toggler").on("click", function () {
            $("header").toggleClass("active"); // 给header元素添加或移除active类
        });
    
        // 页面加载完成后触发
        $(document).on("ready", function () {
            // 如果窗口宽度大于991，则移除header元素的active类
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
    
            // 当窗口大小改变时触发
            $(window).on("resize", function () {
                // 如果窗口宽度大于991，则移除header元素的active类
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
    </script>
    
    <script src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        window.addEventListener("load", function () {
            document.querySelector('body').classList.add('loaded');
        });
    </script>
    <script>
        // 当页面滚动时触发
        $(window).on("scroll", function () {
            var scroll = $(window).scrollTop(); // 获取当前滚动条的位置
    
            // 如果滚动条位置大于等于80，则给#site-header添加nav-fixed类
            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                // 否则移除nav-fixed类
                $("#site-header").removeClass("nav-fixed");
            }
        });
    
        // 当点击navbar-toggler按钮时触发
        $(".navbar-toggler").on("click", function () {
            $("header").toggleClass("active"); // 给header元素添加或移除active类
        });
    
        // 页面加载完成后触发
        $(document).on("ready", function () {
            // 如果窗口宽度大于991，则移除header元素的active类
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
    
            // 当窗口大小改变时触发
            $(window).on("resize", function () {
                // 如果窗口宽度大于991，则移除header元素的active类
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
    </script>
    
    <script type="text/javascript">
        window.addEventListener("load", function () {
            document.querySelector('body').classList.add('loaded');
        });
    </script>
    <script>
        // 页面加载完成后触发
        $(document).on("ready",function () {
            var str = location.href; // 获取当前页面的URL
            var num = str.indexOf("?"); // 找到URL中第一个问号的位置
            str = str.substr(num + 1); // 获取问号后面的参数部分
    
            // 如果参数部分是"gsjj"，则触发id为"tab-2"的元素的点击事件
            if (str === "gsjj") {
                $("#tab-2").trigger("click");
            }
            // 如果参数部分是"ppln"，则触发id为"tab-3"的元素的点击事件
            else if (str == "ppln") {
                $("#tab-3").trigger("click");
            }
            // 如果参数部分是"wmdsl"，则触发id为"tab-4"的元素的点击事件
            else if (str == "wmdsl") {
                $("#tab-4").trigger("click");
            }
        });
    </script>
    
</body>

</html>